.page{
  padding-bottom: px(50);
  .s2{
    .item{
      margin-left: px(15);
      padding: px(15) px(15) px(15) 0;
      border-bottom: px(1) #f1f1f1 dashed;
      font-size: px(14);
      &:last-child{
        border-bottom: 0;
      }
    }
  }


  .tags{
    display: flex;
    flex-wrap: wrap;
    .tag{
      display: flex;
      align-items: center;
      margin-right: px(15);
      margin-bottom: px(12);
      padding: 0 px(10);
      height: px(24);
      line-height: px(24);
      background: rgba(61, 60, 67, 0.1);
      border-radius: px(12);
      font-size: px(12);
      border: solid px(1) #ebebec;
      .name{
        max-width: px(77);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .icon-del{
        margin-right: px(-10);
        width: px(24);
        height: px(24);
        background: url("../../assets/icon_del.png") center no-repeat;
        background-size: 14px 14px;
      }
      &.add{
        position: relative;
        border-color: $color-primary;
        background: none;
        color: $color-primary;
        .mask{
          position: absolute;
          top: 0;
          left: 0;
          padding: 0 px(10);
          width: 100%;
          height: 100%;
          pointer-events: none;
          background: #fff;
          z-index: 1;
          border-radius: px(18);
          box-sizing: border-box;
        }
        .icon-add{
          margin-right: px(3);
          width: px(18);
          height: px(18);
          background: url("../../assets/icon_add.png") center no-repeat;
          background-size: contain;
        }
        .inp{
          display: block;
          height: px(18);
          line-height: px(18);
          border: 0;
          background: none;
          font-size: px(12);
          width: px(85);
          box-sizing: border-box;
        }
      }
    }
  }
}
